<template>
  <div class="home">
    <ul>
      <li v-for="(item,index) in list" :key="index">{{item}}</li>
    </ul>
    <my-input v-model:modelValue="msg"></my-input>
    <p>{{msg}}</p>
  </div>
</template>

<script>
import MyInput from '../components/myInput.vue';
// @ is an alias to /src
import { ref } from 'vue';
export default {
  name: 'Home',
  components: {
    MyInput

  },
  setup(props) {
    console.log('dfghjkl');
    const list = ref([1,2,3,40,5,6,7]);
    const msg = ref('');
    setTimeout(() => {
      list.value[2] = 80
    }, 1000);
    return{
      list,
      msg
    }
  }
}
</script>
